const list = document.getElementById('list')


//会执行5吃插入元素
for(let i=0;i<5;i++) {
  const item = document.createElement('li')
  item.innerHTML=`项目${i}`
  list.appendChild(item)
}

// 多次 =》 一次 使用文档碎片
const fragment = document.createDocumentFragment();

for(let i=0;i<5;i++) {
  const item = document.createElement('li')
  item.innerHTML=`项目${i}`
  fragment.appendChild(item)
}

list.appendChild(fragment)